.host-selection {
	.vertical-nav {
		margin-left: -24px;
		margin-right: -24px;
		//bring the final space in the card to the same height as the vertical nav items
		margin-bottom: 32px;
	}
}

.host-selection__notice {
	padding: 21px 24px 24px 27px;
	margin: 24px 0;
	background: var( --studio-yellow-0 );
}

.host-selection__host-guess-badge {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	// prevent badge from overlapping with right chevron
	margin-right: 24px;

	.badge {
		background: var( --studio-yellow-0 );
	}
}
